﻿layui.use(['table', 'laypage'], function () {
    var table = layui.table;
    var form = layui.form;
    var laypage = layui.laypage;
    var $ = layui.jquery;
    var layer = layui.layer;
    var util = layui.util;

    var pageSize = 15;  //页容量

    //列表显示
    function getUser(pageIndex) {

        //获取查询条件
        var userName = $("#UserName").val();

        //ajax后台交互
        $.ajax({
            //url: 'https://localhost:7022/api/UserInfo/SelectUser',
            url: 'http://8.140.245.229:8000/AuthorizationGet/api/UserInfo/SelectUser',
            type: 'get',
            dataType: 'json',
            headers: {
                'Authorization': "Bearer " + localStorage["token"] + ""
            },
            //参数
            data: {
                UserName: userName,
                PageIndex: pageIndex,
                PageSize: pageSize
            },
            success: function (res) {

                //对时间进行处理，保留年月日时分秒
                res.Datas.forEach(function (item) {
                    if (item.CreateTime) {
                        var date = item.CreateTime.split('T')[0];
                        var time1 = item.CreateTime.split('T')[1];
                        var time2 = time1.split('.')[0];
                        item.CreateTime = date + ' ' + time2;
                    }
                    if (item.UpdateTime) {
                        var date = item.UpdateTime.split('T')[0];
                        var time1 = item.UpdateTime.split('T')[1];
                        var time2 = time1.split('.')[0];
                        item.UpdateTime = date + ' ' + time2;
                    }
                })

                // 表格初始化
                table.render({
                    elem: '#userForm',
                    cols: [[
                        { type: 'checkbox', },
                        { type: 'numbers', title: '序号' },
                        { field: 'UserName', title: '用户名', width: 100 },
                        { field: 'RealName', title: '真实姓名', width: 100 },
                        { field: 'Phone', title: '手机号', width: 200 },
                        { field: 'CreateBy', title: '创建人', width: 100 },
                        { field: 'CreateTime', title: '创建时间', width: 200 },
                        { field: 'UpdateBy', title: '修改人', width: 100 },
                        { field: 'UpdateTime', title: '修改时间', width: 200 },
                        { title: '操作列', templet: '#operateTpl', fixed: 'right', width: 100 }
                    ]],
                    initSort: { // 设置初始排序
                        field: 'id', // 字段名
                        type: 'desc' // 倒序
                    },
                    data: res.Datas,
                });

                // 分页初始化
                laypage.render({
                    elem: 'userPage', // 元素 id
                    count: res.TotalCount, // 数据总数
                    limit: 15,
                    limits: [15, 30, 45, 60],
                    layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip'], // 功能布局
                    jump: function (obj) {
                        //console.log(obj);
                    }
                });
            }
        })

        // 搜索提交
        form.on('submit(demo-table-search)', function (data) {
            var userName = data.UserName; // 获得表单字段
            // 执行搜索重载
            table.reload('ID-table-demo-search', {
                page: {
                    curr: 1 // 重新从第 1 页开始
                },
                where: userName // 搜索的字段
            });
            layer.msg('搜索成功<br>此处为静态模拟数据，实际使用时换成真实接口即可');
            return false; // 阻止默认 form 跳转
        });



        // table.on('tool(userTable)', function (obj) {
        //     var data = obj.data;    //获取当前行的数据
        //     if (obj.event === 'edit') {
        //         console.log('编辑用户：' + JSON.stringify(data));
        //     } else if (obj.event === 'delete') {
        //         if (confirm('确定要删除吗？')) {
        //             // a.on({
        //             //     url: 'http://10.31.60.17:8094/api/UserInfo/DelUser?Id=+"id"',
        //             //     type: 'delete',
        //             //     success: function (res) {
        //             //         if (res == 1) {

        //             //         }
        //             //     }
        //             // })
        //         }
        //     }
        // });

        AddLogInfo("查询用户","","")
    }

    //条件查询
    $("#selectUser").on('click', function () {
        getUser(1);
    })

    $(function () {
        // 初始化加载数据
        getUser(1);
    })

    //添加弹框
    util.on('lay-on', {
        'addPopUp': function () {
            layer.open({
                type: 1,
                area: ['600px', '450px'],
                title: '用户添加',
                shadeClose: true,
                content: formHtml,
                success: function () {
                    // 对弹层中的表单进行初始化渲染
                    form.render();

                    // 提交事件
                    form.on('submit(addUser)', function (data) {
                        var field = data.field; // 获取表单字段值

                        console.log(field)

                        //ajax后台交互
                        $.ajax({
                            //url: 'https://localhost:7022/api/UserInfo/SelectUser',
                            url: 'http://8.140.245.229:8000/AuthorizationGet/api/UserInfo/AddUser',
                            type: 'post',
                            dataType: 'json',
                            headers: {
                                'Authorization': "Bearer " + localStorage["token"] + ""
                            },
                            //参数
                            data: {
                                UserName: field.username,
                                Password: field.password,
                                RealName: field.realname,
                                Phone: field.phone
                            },
                            success: function (res) {
                                if (res == 1) {
                                    alert("添加成功！");
                                }
                                
                            }
                        })

                        return false; // 阻止默认 form 跳转
                    });
                }
            });
        }
    })

    // 自定义验证规则
    form.verify({
        pass: function (value) {
            if (!/^\d{6}$/.test(value)) {
                return '密码必须 6 位数字';
            }
        }
    });

    //第一个参数为操作内容，例如：登录了系统，修改/删除/添加/查询了日志表（或其他表，每次调用根据进行的操作写）
    //第二个参数为修改专用，将修改前的参数转为json字符串格式传入
    //第三个参数是将添加或删除的数据转为json传入，若是修改方法则把修改后的数据转为json字符串传入
    function AddLogInfo(OperationalContext, PreOperation, AfterOperation) {
        const data = {
            olContext: OperationalContext,
            PreOperation: PreOperation,
            AfterOperation: AfterOperation
        };
        // alert(JSON.stringify(data));
        $.ajax({
            url: "http://8.140.245.229:8000/WorkBench/api/Log/AddLog",
            type: 'post',
            dataType: 'json',
            headers: {
                'Authorization': "Bearer " + localStorage["token"] + ""
            },
            contentType: 'application/json', // 添加正确的 Content-Type 头部
            data: JSON.stringify(data),
            success: function (res) {
                // alert(res)
                //getListData(1);
                console.log(res)
            }
        })
    }

});